<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			[v-cloak]{
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<!--单选框-空字符-->
			<p>{{sexVal}}</p>
			<label>
				<input type="radio" value="man" v-model="sexVal" />男
			</label>
			<label>
				<input type="radio" value="woman" v-model="sexVal" />女
			</label>
			<br />
			<!--复选框-空数组-->
			<p>{{selectlike}}</p>
			<label>
				<input type="checkbox" v-model="selectlike" value="dq" />打球
			</label>
			<label>
				<input type="checkbox" v-model="selectlike" value="cg" />唱歌
			</label>
			<label>
				<input type="checkbox" v-model="selectlike" value="tw" />跳舞
			</label>
			<br />
			<!--多选框-值-->
			<p>{{yearVal}}</p>
			<select v-model="yearVal">
				<option>1990</option>
				<option>1991</option>
				<option>1992</option>
				<option>1993</option>
				<option>1994</option>
				<option>1995</option>
			</select>
			<!--v-pre不解析-->
			<p v-pre>v-pre不解析{{message}}</p>
			<!--v-cloak 在加载时页面不会显示源码-->
			<p v-cloak>v-cloak如果vue为引入则不加载改标签{{message}}</p>
			<!--数据只绑定一次不再进行更新-->
			<p>{{message}}</p>
			<p v-once>{{message}}</p>
			<input type="text" v-model="message" />
		</div>
	</body>
</html>
<script src="vue.js"></script>
<script type="text/javascript">
	var vm = new Vue({
		el:"#app",
		data:{
			sexVal:"man",
			selectlike:[],
			yearVal:1990,
			message:"vue里的值"
		},
		methods:{
			
		}
	})
</script>